﻿<UserControl x:Class="DiscoveryLogic.UI.Layouts.Controls.DoubleCylinderBarGraph"
        xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        >

    <Canvas x:Name="DoubleCylinderBarGraphCanvas">
        
        <Canvas.Resources>

            <Storyboard x:Name="AdjustBar1">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar1Top" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="Bar1TopKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar1TopReflection" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="Bar1ReflectionKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar1Body" Storyboard.TargetProperty="(Canvas.Top)">
                    <SplineDoubleKeyFrame x:Name="Bar1BodyKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                
            </Storyboard>

            <Storyboard x:Name="AdjustBar2">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar2Top" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="Bar2TopKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar2TopReflection" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="Bar2ReflectionKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar2Body" Storyboard.TargetProperty="(Canvas.Top)">
                    <SplineDoubleKeyFrame x:Name="Bar2BodyKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar2Body" Storyboard.TargetProperty="Height">
                    <SplineDoubleKeyFrame x:Name="Bar2BodyHeightKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

            <Storyboard x:Name="AdjustBar3">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar3Top" Storyboard.TargetProperty="(Canvas.Top)">
                    <SplineDoubleKeyFrame x:Name="Bar3TopKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar3Body" Storyboard.TargetProperty="(Canvas.Top)">
                    <SplineDoubleKeyFrame x:Name="Bar3BodyKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="Bar3Body" Storyboard.TargetProperty="Height">
                    <SplineDoubleKeyFrame x:Name="Bar3BodyHeightKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

        </Canvas.Resources>

        <!-- Essential Expenses Body -->
        <Rectangle x:Name="Bar3Body" Width="100" Height="98.5" StrokeThickness="1" RadiusX="50" RadiusY="25" Canvas.Left="948" Canvas.Top="315.5">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF072F2F" Offset="0.63"/>
                    <GradientStop Color="#FF5C7676" Offset="0.053"/>
                    <GradientStop Color="#FF516D6D" Offset="1"/>
                    <GradientStop Color="#FF123838" Offset="0.88"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <!-- Essential Expenses top -->
        <Ellipse x:Name="Bar3Top" Width="100" Height="50" StrokeThickness="1" Canvas.Left="948" Canvas.Top="315.5">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="2.575,-3.073" StartPoint="0.138,1.404">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF072F2F" Offset="0.63"/>
                    <GradientStop Color="#FF5C7676" Offset="0.053"/>
                    <GradientStop Color="#FF516D6D" Offset="1"/>
                    <GradientStop Color="#FF123838" Offset="0.88"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>


        <!-- Discretionary Expenses Base -->
        <Ellipse x:Name="Bar2Base" Width="100" Height="50" StrokeThickness="1" Canvas.Left="948" Canvas.Top="315.5">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="1.878,-1.502" StartPoint="-0.28,1.786" SpreadMethod="Repeat">
                    <GradientStop Color="#78FFFFFF" Offset="0.581"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.622"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.4"/>
                    <GradientStop Color="#3EFFFFFF" Offset="0.444"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.736"/>
                    <GradientStop Color="#61FFFFFF" Offset="0.708"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.881"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.293"/>
                    <GradientStop Color="#32FFFFFF" Offset="0.315"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.369"/>
                    <GradientStop Color="#58FEFEFE" Offset="0.012"/>
                    <GradientStop Color="#59FEFEFE" Offset="0.979"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.057"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.688"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.475"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
            <Ellipse.Stroke>
                <LinearGradientBrush EndPoint="-0.067,1.242" StartPoint="0.908,0.108">
                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Stroke>
        </Ellipse>

        <!-- Discretionary Expenses Body -->
        <Rectangle x:Name="Bar2Body" Width="100" Height="76.833" StrokeThickness="1" RadiusX="50" RadiusY="25" Canvas.Left="948" Canvas.Top="287.174">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF146581" Offset="0.827"/>
                    <GradientStop Color="#FF8CB4C1" Offset="0.091"/>
                    <GradientStop Color="#FF6EA0B1" Offset="1"/>
                    <GradientStop Color="#FF1D6B86" Offset="0.567"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <!-- Discretionary Expenses Top -->
        <Ellipse x:Name="Bar2Top" Width="100" Height="50" StrokeThickness="1" Canvas.Left="948" Canvas.Top="287.174">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="2.606,-3.139" StartPoint="-0.075,0.967">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF146581" Offset="0.827"/>
                    <GradientStop Color="#FF8CB4C1" Offset="0.091"/>
                    <GradientStop Color="#FF6EA0B1" Offset="1"/>
                    <GradientStop Color="#FF1D6B86" Offset="0.567"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>

        <!-- Discretionary Expenses Top Reflection -->
        <Ellipse x:Name="Bar2TopReflection" Width="100" Height="50" StrokeThickness="1" Canvas.Left="948" Canvas.Top="287.174">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="1.878,-1.502" StartPoint="-0.28,1.786" SpreadMethod="Repeat">
                    <GradientStop Color="#78FFFFFF" Offset="0.581"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.622"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.4"/>
                    <GradientStop Color="#3EFFFFFF" Offset="0.444"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.736"/>
                    <GradientStop Color="#61FFFFFF" Offset="0.708"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.881"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.293"/>
                    <GradientStop Color="#32FFFFFF" Offset="0.315"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.369"/>
                    <GradientStop Color="#58FEFEFE" Offset="0.012"/>
                    <GradientStop Color="#59FEFEFE" Offset="0.979"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.057"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.688"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.475"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
            <Ellipse.Stroke>
                <LinearGradientBrush EndPoint="-0.067,1.242" StartPoint="0.908,0.108">
                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Stroke>
        </Ellipse>

        <!-- Income Cylinder Body -->
        <Rectangle x:Name="Bar1Body" Width="100" Height="126.84" StrokeThickness="1" RadiusX="50" RadiusY="25" Canvas.Left="763.997" Canvas.Top="287.16">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF498686" Offset="0.63"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0.053"/>
                    <GradientStop Color="#FF93AFAF" Offset="1"/>
                    <GradientStop Color="#FF386868" Offset="0.88"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <!-- Income Cylinder Top -->
        <Ellipse x:Name="Bar1Top" Width="100" Height="50" StrokeThickness="1" Canvas.Left="763.997" Canvas.Top="287.16">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="2.575,-3.073" StartPoint="0.138,1.404">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF498686" Offset="0.389"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0.053"/>
                    <GradientStop Color="#FF93AFAF" Offset="1"/>
                    <GradientStop Color="#FF386868" Offset="0.88"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>

        <!-- Income Top Reflection -->
        <Ellipse x:Name="Bar1TopReflection" Width="100" Height="50" StrokeThickness="1" Canvas.Left="763.997" Canvas.Top="287.16">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="1.878,-1.502" StartPoint="-0.28,1.786" SpreadMethod="Repeat">
                    <GradientStop Color="#78FFFFFF" Offset="0.581"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.622"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.4"/>
                    <GradientStop Color="#3EFFFFFF" Offset="0.444"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.736"/>
                    <GradientStop Color="#61FFFFFF" Offset="0.708"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.881"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.293"/>
                    <GradientStop Color="#32FFFFFF" Offset="0.315"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.369"/>
                    <GradientStop Color="#58FEFEFE" Offset="0.012"/>
                    <GradientStop Color="#59FEFEFE" Offset="0.979"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.057"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.688"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.475"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
            <Ellipse.Stroke>
                <LinearGradientBrush EndPoint="-0.067,1.242" StartPoint="0.908,0.108">
                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Stroke>
        </Ellipse>

        <TextBlock x:Name="Bar3Label" Width="95.185" Height="32.84" TextWrapping="Wrap" FontFamily="Trebuchet MS" FontSize="12" Foreground="#FF072F2F" Canvas.Left="1064" Canvas.Top="364.16" Text="Essential Expenses"/>
        <TextBlock x:Name="Bar2Label" Width="121.185" Height="34.501" TextWrapping="Wrap" FontFamily="Trebuchet MS" FontSize="12" Foreground="#FF072F2F" Canvas.Left="1064" Canvas.Top="318.673" Text="Discretionary Expenses"/>
        <TextBlock x:Name="Bar1Label" Width="168.185" Height="18.501" TextWrapping="Wrap" FontFamily="Trebuchet MS" FontSize="12" Foreground="#FF072F2F" Canvas.Left="872.786" Canvas.Top="376.999" Text="Income"/>
        
        
    </Canvas>
</UserControl>
